<template>
  <div class="app">
    <EditorPage v-model="state"></EditorPage>
    <PopComponent />
  </div>
</template>

<script>
import './styles/position.css'
import './styles/base.css'
import { ref, provide } from 'vue';
import data from './data.json';
import EditorPage from './main/mainPage';
import { registerConfig as config } from './uitls/config'
import PopComponent from './components/PopComponent/popComponent.vue'
export default {
  components: {
    EditorPage,
    PopComponent
  },
  // 项目入口
  setup() {
    // 将data 定义成响应式 传递给数据
    const state = ref(data)
    provide('config', config)
    return {
      state
    }
  }
}
</script>

<style>
.app {
  position: fixed;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  background: #cccccc;
  border: 1px solid #cccccc;
}
</style>
